/**
 * Filename: article_list.js
 * Author: xhh
 * Description: 文章列表js文件
 * Date: 2018.03.27
 */
$(function(){
    // 播放按钮点击事件
    $(".icon-play").on("click",function(e){
        // 得到视频播放地址
        var playsrc = e.currentTarget.dataset.playsrc;
        // 遮罩层出现
        $("#mask").fadeIn(500);
        // 播放视频弹窗出现
        $("#play_video_box").fadeIn(200, function () {
            // 设置视频播放的相关属性
            $("#play_video_tag").attr({
                "src": playsrc,
                "controls": "controls",
                "autoplay": "autoplay"
            });
        });
    });

    // 点击遮罩层隐藏播放框
    $("#mask").on("click",function () {
        $("#play_video_box").fadeOut(200, function () {
            $("#mask").fadeOut(200,function () {
                // 设置视频播放地址为空
                $("#play_video_tag").attr({
                    "src": "",
                    "controls": "controls",
                    "autoplay": "autoplay"
                });
            });
        });
    });

    // 选择页码
    $("#site_article_pages a").on("click",function(){
        // 改变点击样式
        $(this).addClass("active").siblings('a').removeClass('active');
    });

    // 焦点图
    $("#article_img_num li").on("mouseenter",function(e){
         $("#article_img_list").stop(true,false);
        // 获得索引值
        var index = e.currentTarget.dataset.slideTo;
        // ul做动画
        $("#article_img_list").animate({left:-(index*100)+"%"},800);
        // 改变焦点样式
        $(this).addClass("active").siblings().removeClass("active");
    });
});